/*
This, is a css theme abstraction to enhance usability. It also intends to bring out elegance of the site.

The following things should be noted, but not be limited to.
1. Layout
2. Size battles with intensity
3. Grouping or clouds
4. Amount of combinations the lazy mind can handle in a averagely complex site.
5. A site can be minimalist, complex, pretty native and ugly(some popular sites do well like this)
6. mix and match should be preserved when even possible.
7. If you give hopes to the user(like a lover, yes), you should stick to it. If a link was a few times made blue on
mouse over, better keep your promise on all links! In shorter terms, promote habit.

Some initial conventions
intensity is the default foreground color
layer is also the background color
layer is NOT level
A layer is a color, which matches with the theme
a-z suffixes just indicate diversity and does not imply importance
1-n suffixes just indicate importance and does not imply diversity
if a layer or intensity defines both foreground AND background, they should have an additional seperation selector e.g.
.intensity_0{
    color:#ffffff;
    background-color:#000000;
}.intensity_0_f{
    color:#ffffff;
}.intensity_0_b{
    background-color:#000000;
}

this enables the user to select only the specific feature, i.e. foreground or background.

Intensity and layer defaults, i.e. "intensity" and "layer" do not have this _f and _b separation because,
"intensity" is the default foreground and "layer" is the default background.

precedence is, engage, then intensity, then others

it is a good practice to help a user know where his mouse is by using a hover and focus property

grouping currently means, a layer, and a specific layer, if to support only a group, should be applied only to that group


### Naming convention for blur extensions ###

blur-extentionname.intensity_index.layer_last_letter.engagement_index.current_index.css

e.g.

http://www.ilikeplaces.com uses an extention called attn (attention) for Down Town. Hence if releasing a version to others
it should have the name,

blur-attn.7.c.c.na.blur.css

na indicates not-available in verieties, as the default will always be there .
A default, intensity layer engage and current will always be present.
The minimum available selections should be as follows

engage = default, that is, just the main selector
intensity = default, that is, just the main selector
layer = default, that is, just the main selector
current = default, that is, just the main selector

blur in this way, supports enhanced or degraded version support. Sticking to defaults support two-tone implementations.
As css takes styles in order of find, this also means the site can also prescribe its own default implementation to be
safe that a theme has no few selectors present.

hence,

blur-default.intensity_index.layer_last_letter.engagement_index.current_index.css
is reserved for a sites default blur extension to prevent misses.
This file can have mising defaults such as .current or .layer as it focuses only on deeper values to replace.


*/

/*though blur was planned to be pretty much no size, and no dynamics, the hover and active of elements is a key promise
to a use that his operation is noted, both by the site and his own self. Hence, when the mouse hand moves over a link,
it is vital the user knows he did it, and that we noticed it.*/
.hover:hover{

}
.active:active{

}

/*Think of engage as something of the sort "youre in a coffee shop and someone sneezes".
Your attention gets distracted from the current thing you do, which is enjoying your coffee,
to something more yelled for your attention. It comes at a cost.
Disorienting attention means, the one who grabbed the attention should take good care how to re-orient the attention.*/
.engage{

}
.engage_a{

}
.engage_b{

}


/*Think of intensity as a line flowing from your eye, to a gui element, and slowly fading away.
It is in charge of attention flowing. That is, it is responsible to manage the users attention properly.
Remember, attention is EXPENSIVE. The human mind perceives only a few percents of things of what it browses through*/
.intensity{/*default foreground*/
}

.intensity_0{

}.intensity_0_f{

}.intensity_0_b{

}


/*Layers are basically color management.
The term layer was coined up as artists someone "balance" the colors on an art.
So layers are like a stack of papers, each different color.
Each is then cut so that it represents only the object it needs to color, and where. If it is a ball, cut a circle.
After each of these sheets are cut, then now we've got a picture done in layers of colored paper.
Hope the analogy is easy to understand*/
.layer{/*default background*/

}

.layer_a{

}.layer_a_f{

}.layer_a_b{

}

/*current indicates the related components for the current operation.
e.g. navigation link of current page among other navigation links*/
.current{

}



/*Remember that though we call blue.css extensions extensions, they do not specifically use this file.
 In other words, this is just a template*/